<template>
  <div class="nw-status-ok-ng" @click="DesignerOkNg">
    <strong class="nw-status-ok" v-if="status===1">OK</strong>
    <strong class="nw-status-ng" v-if="status===0">NG</strong>
  </div>
</template>
<script>
import EventBus from '@/libs/EventBus'
import AppParams from '@/utils/Enum'

export default {
  name: 'OkNg',
  props: {
    status: {
      type: [Number, String],
      default: null
    }
  },
  data() {
    return {
    }
  },
  methods: {
    DesignerOkNg() {
      const _name = AppParams.DESIGNER.OK_NG
      EventBus.$emit(_name, { name: _name })
    }
  }
}
</script>

<style scoped lang="less">
.nw-status-ok-ng {
  font-size: 100px;

  .nw-status-ok {
    color: #55e80b;
  }

  .nw-status-ng {
    color: red;
  }
}
</style>
